Feature · collection-builder
Collection builder
Design a collection schema in the console: add a field, name it, pick its type, and every entry gets it.
Add a field
once one pass, holds
Add field is pressed, a new row arrives, its name is typed and the type chip settles on Date. The act of building, seen from inside the builder.
views/components/visuals/collection-builder/v1.html
Static · three placements
Animated · once
Schema to table
once one pass, holds
An Office field lands in the team schema and the entries table grows a column, row by row. The payoff rather than the act.
views/components/visuals/collection-builder/v2.html
Static · three placements
Schema
+ Add field
Schema
+ Add field
Schema
+ Add field
Animated · once
Schema
+ Add field
Add field sheet
cutoutonce one pass, holds
Cutout on the webhooks navy ground: the Navigation collection's schema editor in the admin, dimmed behind the Add field sheet with its Text, Number and Choice types. The cursor arrives on Text, the row takes its hover shade, a press, and an Icon text field lands at the bottom of the fields list with a tint flash while Add field slides down. The sheet keeps the window's right edge at hero and row; at card the frame cuts the sheet's right half so the list and the Text row are both in, and the list is shortened so the new field always lands in frame.
views/components/visuals/collection-builder/c1.html
Static · three placements
General
Blogs
Collections
Navigation
menu
menu_order
kind
label
icon
Add field
Choose a field type to add.
Text
Text
Single line of text for names, titles, or short values
Text Area
Multi-line plain text for descriptions or notes
Rich Text
Formatted text with headings, lists, and styling
Email address with validation
Phone
Phone number input
URL
Web address or link
Number
Number
Numeric value with optional min, max, and step
Choice
Select
Dropdown list to pick one option
Radio
Choose one option from a visible list
Checkbox
Select multiple options from a list
General
Blogs
Collections
Navigation
menu
menu_order
kind
label
icon
Add field
Choose a field type to add.
Text
Text
Single line of text for names, titles, or short values
Text Area
Multi-line plain text for descriptions or notes
Rich Text
Formatted text with headings, lists, and styling
Email address with validation
Phone
Phone number input
URL
Web address or link
Number
Number
Numeric value with optional min, max, and step
Choice
Select
Dropdown list to pick one option
Radio
Choose one option from a visible list
Checkbox
Select multiple options from a list
General
Blogs
Collections
Navigation
menu
menu_order
kind
label
icon
Add field
Choose a field type to add.
Text
Text
Single line of text for names, titles, or short values
Text Area
Multi-line plain text for descriptions or notes
Rich Text
Formatted text with headings, lists, and styling
Email address with validation
Phone
Phone number input
URL
Web address or link
Number
Number
Numeric value with optional min, max, and step
Choice
Select
Dropdown list to pick one option
Radio
Choose one option from a visible list
Checkbox
Select multiple options from a list
Animated · once
General
Blogs
Collections
Navigation
menu
menu_order
kind
label
icon
Add field
Choose a field type to add.
Text
Text
Single line of text for names, titles, or short values
Text Area
Multi-line plain text for descriptions or notes
Rich Text
Formatted text with headings, lists, and styling
Email address with validation
Phone
Phone number input
URL
Web address or link
Number
Number
Numeric value with optional min, max, and step
Choice
Select
Dropdown list to pick one option
Radio
Choose one option from a visible list
Checkbox
Select multiple options from a list
Overrides none — the file's own defaults